<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <style>
     #div1{
	   width:100px;
       height:100px;
	   border:solid 5px yellow;
	   padding:10px;
	 }
  </style>
  <script src="jQuery复习/jquery-3.3.1.js"></script>
 </head>
 <body>
    <div id="div1"></div>
 </body>
 <script>
    //获取元素的宽高，不包括该元素的边框和内边距
    console.log($("#div1").width()+";"+$("#div1").height());
	//获取元素的宽高，包括元素的内边距，但不包括元素的边框
	console.log($("#div1").innerWidth()+";"+$("#div1").innerHeight());
	//获取元素的宽高，包括元素的边框和内边距
	console.log($("#div1").outerWidth()+";"+$("#div1").outerHeight());
 </script>
</html>
